<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="图片url">
      <el-input v-model="activeData.extConfig.cardUrl"></el-input>
    </el-form-item>
    <el-form-item label="图片标题">
      <el-input v-model="activeData.extConfig.cardtitle"></el-input>
    </el-form-item>
    <el-form-item label="图片宽度">
      <el-input v-model="activeData.extConfig.cardWidth"></el-input>
    </el-form-item>
    <el-form-item label="图片高度">
      <el-input v-model="activeData.extConfig.cardHeight"></el-input>
    </el-form-item>
    <el-form-item label="描述文字大小">
        <el-input-number
          v-model="activeData.extConfig.cardSize"
          :min="12"
        />
    </el-form-item>
    <el-form-item label="描述文字颜色">
       <el-color-picker v-model="activeData.extConfig.cardColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="描述" size="mini">
      <el-input
        type="textarea"
        v-model="activeData.extConfig.carddesc"
      ></el-input>
    </el-form-item>
    <el-form-item label="标题显示格式">
      <el-radio-group v-model="activeData.extConfig.showMode">
        <el-radio label="text">文本</el-radio>
        <el-radio label="label">标签</el-radio>
      </el-radio-group>
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "card-config",
  props: ["activeData"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
